<template>
    <div class="nav">
       <h1>{{ title }}</h1>
    <span @click="fun">{{ xiaoming }}</span>
    </div>
  
</template>

<script>
export default {
   props:['title','xiaoming'],
   methods:{
    fun() {
      console.log(111);

       this.$router.go(-1)
    },
   }
};
</script>

<style scoped>
    .nav{
        display: flex;
        justify-content: space-between;
        padding: 20px;
        align-items: center;
        background: #fff;
        box-sizing: border-box;
        height: 50px;
        width:100%;
        margin-top: 10px;
    }
    span{
        border: 1px solid #aaa;
        border-radius: 10px;
        padding: 5px 10px;
        color: #aaa;
        margin-right: 10px;
    }
    h1{
        border-left: 4px solid rgb(16, 164, 233);
        font-size: 22px;
        line-height: 22px;
        padding-left: 5px;
    }
</style>